$color1:#f4f006;
$bg:#ECF2FF;

/* #ifdef APP-PLUS || H5 */

page{
  background-color: #fff;
}
/* #endif */
.warp {

	.login-title {
		position: relative;
		z-index: 9;
		height: 380rpx;
		.navback {
			padding: 5px;
			position: absolute;
			left: 20rpx;
			top: 70rpx;
			border-radius: 50%;
			// background: rgba(0,0,0,0.5);
			// .iconfont{
			// 	color: #fff;
			// }
		}

		.logo {
			padding-top: 160rpx;
			width: 100%;
			text-align: center;
			image {
				width: 160rpx;
				height: 160rpx;
				border-radius: 20rpx;
			}
		}
	}

	.form-wapper {
		width: 100%;
		box-sizing: border-box;
		padding: 80rpx 40rpx 20rpx;
		border-radius: 10rpx;
	

		.input-wapper {
			display: flex;
			flex-direction: row;
			width: 94%;
			height: 120rpx;
			margin-left: 3%;
			flex-wrap: wrap;
			align-items: center;
			position: relative;

			&:after {
				border-bottom: 1px solid #eee;
			}

			.lside {
				width: 54rpx;
				text-align: left;
			}

			.rside {
				flex: 1;
			}

			.iconfont {
				font-size: 40rpx;
				color: $color1;
			}

			input {
				height: 120rpx;
			}

			.input-placeholder {
				color: #c2c2c2;
			}
                button{
					opacity: .8;background: #fdd100;color: #fff;
				}
			.get-code-btn {
				border: 0;
				background: #fff;
				font-size: 24rpx;
				color: $color1;
				text-align: right;
				padding-left: 0;
				padding-right: 0;

				&:after {
					border: 0;
				}
			}
		}

		.paw {
			line-height: 80rpx;
			width: 94%;
			height: 80rpx;
			margin: 0 3%;
			text-align: right;
			color: $color1;
			display: flex;
			justify-content: flex-end;
		}
	}

	.login-btn {
		display: block;
		line-height: 90rpx;
		text-align: center;
		width: 600rpx;
		height: 90rpx;
		font-size: 32rpx;
		color: #fff;
    background: $color1;
    opacity: 0.8;
		background-blend-mode: normal, normal;
		border-radius: 45px;

		&:after {
			border: 0;
		}
	}

	.reg-paw {
		margin: 20rpx 0;
		text-align: center;

		text {
			font-size: 28rpx;
			display: inline-block;
			width: 40%;
			color: #c5c5c5;
			position: relative;
			padding: 20rpx 0;
		}

		.active {
			color: $color1;
		}

		text:first-child {
			&:after {
				border-right: 1px solid #c5c5c5;
				height: 24rpx;
				position: absolute;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
			}
		}
	}

	.quick {
		text-align: center;
		padding-bottom: 80rpx;

		.quick-title {
			margin: 140rpx 0 50rpx 0;
			display: flex;
			align-items: center;
			justify-content: center;

			.txt {
				font-size: 24rpx;
				color: #999;
				padding: 0 20rpx;
			}

			.line {
				display: block;
				width: 120rpx;
				position: relative;

				&:after {
					border-bottom: 1px solid #eee;
				}
			}
		}

		image {
			width: 72rpx;
			height: 72rpx;
			margin: 0 35rpx;
		}
	}
}